<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Syuan-admin简易操作网页管理</title>
  <link rel="shortcut icon" type="image/x-icon" href="dist/img/favicon.ico">
  <link rel="stylesheet" href="dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="dist/css/home.css">
  <link rel="stylesheet" href="dist/css/animate.css">
  <script src="dist/js/jquery.min.js"></script>
  <script src="dist/js/bootstrap.min.js"></script>


</head>
<style>

</style>

<body>

  <header class="navbar-wrapper navbar-fixed-top">
    <div class="container" id="nav">
      <div class="col-md-10">
        <div class="logo">
          <a href="http://www.mlmlh888.com" title="Syuan-admin简易操作网页管理"><img src="img/syuan.png"
              alt="Syuan-admin简易操作网页管理" /></a>
        </div>
        <div class="site-name">
          Syuan web
        </div>
      </div>

      <div class="col-md-2 hidden-xs">
        <a href="#" class="btn btn-primary btn-lg active" role="button"></span>联系了解</a>
      </div>
    </div>
  </header>

  <!-- <div class="row" id="fg"></div> -->
  <section id="index" class="index">
    <div class="catpion">
      <div class="container">
        <div class="row">
          <div class="col-md-4">
            <h1 class="animated fadeInUp"><b>智 慧 网 站</b></h1>
            <h4>轻松快捷编辑、更新页面网站功能与内容</h4><br />
            <a href="#" class="btn btn-lg btn-success btn-pill align-self-center">响应式网页设计</a>
          </div>
          <div class="col-md-2"></div>
          <div class="col-md-6">
            <img src="img/mac.png" class="img-responsive" alt="Responsive image">
          </div>
        </div>
      </div>
    </div>

    <div class="slideshow">
      <a href="#index-about" class="goAbout">
        <img class="animated fadeInDown" src="img/slideshow-btn.png" />
      </a>
    </div>

  </section>

  <section class="conet">
    <div class="container-fluid">
      <div class="container" id="bt">
        <div class="row">
          <h2 class="animated fadeInUp">简易操作的网页管理</h2>
        </div>
        <br />
        <h4>多樣化功能模組</h4>
      </div>
      <img src="img/wave.png" class="img-responsive" alt="Responsive image">
    </div>

    <div class="container" id="list">
      <div class="row">

        <div class="col-md-4" id="zs">
          <div class="box">
            <img src="img/icon104.png" />
          </div>
          <div class="text">
            <span>自定义設定</span>
          </div>
        </div>

        <div class="col-md-4">
          <div class="box">
            <img src="img/icon105.png" />
          </div>
          <div class="text">
            <span>新闻发布</span>
          </div>
        </div>

        <div class="col-md-4" id="ys">
          <div class="box no-border-right">
            <img src="img/icon107.png" />
          </div>
          <div class="text">
            <span>产品发布</span>
          </div>

        </div>

        <div class="col-md-4">
          <div class="box">
            <img src="img/icon106.png" />
          </div>
          <div class="text">
            <span>留言管理</span>
          </div>

        </div>

        <div class="col-md-4">
          <div class="box">
            <img src="img/icon102.png" />
          </div>
          <div class="text">
            <span>会员管理</span>
          </div>

        </div>

        <div class="col-md-4">
          <div class="box no-border-right">
            <img src="img/icon103.png" />
          </div>
          <div class="text">
            <span>权限管理</span>
          </div>
        </div>

        <div class="col-md-4">
          <div class="box">
            <img src="img/icon113.png" />
          </div>
          <div class="text">
            <span>微信整合</span>
          </div>
        </div>

        <div class="col-md-4">
          <div class="box">
            <img src="img/icon108.png" />
          </div>
          <div class="text">
            <span>基础设置</span>
          </div>
        </div>

        <div class="col-md-4">
          <div class="box">
            <img src="img/icon101.png" />
          </div>
          <div class="text">
            <span>內容備份</span>
          </div>
        </div>

        <div class="col-md-4" id="zx">
          <div class="box">
            <img src="img/icon114.png" />
          </div>
          <div class="text">
            <span>小程序</span>
          </div>
        </div>

        <div class="col-md-4">
          <div class="box">
            <img src="img/icon111.png" />
          </div>
          <div class="text">
            <span>品牌推广</span>
          </div>
        </div>

        <div class="col-md-4" id="yx">
          <div class="box">
            <img src="img/icon112.png" />
          </div>
          <div class="text">
            <span>活动策划</span>
          </div>
        </div>


      </div>

    </div>
  </section>


  <section class="lx">
    <div class="container-fluid">
      <h3 class="section-title text-center m-5">联系我们</h3>
      <div class="container">
      
        <form action='send.php' method='post'> 
          <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
              <div class="col-md-4 col-sm-12">
                <div class="form-group">
                  <label for="contactFormFullName">您的姓名</label>
                  <input type="text" class="form-control" id="contactFormFullName" name="IDname" placeholder="输入您的姓名" required>
                </div>
              </div>
              <div class="col-md-4 col-sm-12">
                <div class="form-group">
                  <label for="contactFormEmail">邮箱</label>
                  <input type="email" class="form-control" id="contactFormEmail" name="email"  placeholder="输入您的邮箱" required>
                </div>
              </div>
              <div class="col-md-4 col-sm-12">
                <div class="form-group">
                  <label for="contactFormFullName">您的电话</label>
                  <input type="phone" name="phone" class="form-control" id="contactFormFullName" placeholder="输入您的电话">
                </div>
              </div>
            </div>
            <div class="col-md-1"></div>
          </div>
          <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
              <div class="form-group">
                <label for="exampleInputEmail1">留言内容</label>
                <textarea id="exampleInputEmail1" class="form-control mb-4" cols="60" rows="6" placeholder="输入您留言内容..."
                  name="liuy" required></textarea>
              </div>
            </div>
            <div class="col-md-1"></div>
          </div>
          <div class="row">
            <div class="col-md-1"></div>
            <div class="col-md-10">
              <input class="btn btn-success btn-pill d-flex  ml-auto mr-auto" type="submit" id="submit" value="发送提交">
            </div>
            <div class="col-md-1"></div>
          </div>

        </form>
      </div>
    </div>
  </section>

  <div id="music">
    <img src="dist/img/music.png" alt="" class="music_bg">
    <audio src="dist/music/background.mp3" preload="auto" loop="loop" class="aud" autoplay="autoplay"></audio>
  </div>

  <div class='top'>
    <span class='glyphicon glyphicon-circle-arrow-up'></span>
  </div>



  <footer>
    <div class="container-fluid">
      <div class="container">

        <div class="col-md-4">
          <div class="icon"><img src="img/address1.png" /></div>
          <div class="text">
            <span>联系地址</span>
            <p>广东省珠海市</p>
          </div>
        </div>

        <div class="col-md-4">
          <div class="icon"><img src="img/email.png" /></div>
          <div class="text">
            <span>联系邮箱</span>
            <p>1050536282@qq.com</p>
          </div>
        </div>

        <div class="col-md-4">
          <div class="icon"><img src="img/phone2.png" /></div>
          <div class="text">
            <span>联系我们</span>
            <p>微信：wjp-9999</p>
          </div>
        </div>

      </div>

      <div class="container text-center">
        <span> <a href="http://www.beian.miit.gov.cn" target="_blank">粤ICP备16120554号</a></span>
      </div>

    </div>
  </footer>


</body>
<script src="dist/js/holder.min.js"></script>
<script src="dist/js/application.js"></script>
<script src="dist/js/jquery.simplyscroll.js"></script>
<script src="dist/js/backstretch.js"></script>
<script src="dist/js/jp.js"></script>


</html>